#カテゴリ軸

グローバル構成が使用されている場合、ラベルはチャート データに含まれるラベル配列の 1 つから描画されます。もしそうならdata.labelsが定義されている場合、これが使用されます。もしもdata.xLabelsが定義されており、軸が水平である場合、これが使用されます。同様に、data.yLabelsが定義されており、軸が垂直の場合、このプロパティが使用されます。両方を使用するxLabelsとyLabelsを一緒に使用すると、X 軸と Y 軸の両方に文字列を使用するグラフを作成できます。

上記のいずれかの設定を指定すると、X 軸が次のように定義されます。type: 'category'他に定義されていない場合。カテゴリ ラベルをより細かく制御するには、次のオプションを追加することもできます。labelsカテゴリ軸定義の一部として。これを行うと、グローバルなデフォルトは適用されません。

#カテゴリ軸の定義

世界的に:

let chart = new Chart(ctx, {
    type: ...
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June'],
        datasets: ...
    }
});

軸定義の一部として:

let chart = new Chart(ctx, {
    type: ...
    data: ...
    options: {
        scales: {
            x: {
                type: 'category',
                labels: ['January', 'February', 'March', 'April', 'May', 'June']
            }
        }
    }
});

#構成オプション

#カテゴリ軸固有のオプション

名前空間:options.scales[scaleId]

#すべてのデカルト軸に共通のオプション

名前空間:options.scales[scaleId]

#全軸共通オプション

名前空間:options.scales[scaleId]

#ティック設定

#すべてのデカルト軸に共通の目盛オプション

名前空間:options.scales[scaleId].ticks

#すべての軸に共通の目盛オプション

名前空間:options.scales[scaleId].ticks

#最小最大構成

どちらにとっても、minと7d963お父さん-fe7b-454b-9c9a-86e985385e55プロパティの場合、値は次のようにする必要がありますstringの中にlabels配列またはnumericその配列内のラベルのインデックスとしての値。以下の例では、X 軸には「3 月」から「6 月」までのみが表示されます。

let chart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            data: [10, 20, 30, 40, 50, 60]
        }],
        labels: ['January', 'February', 'March', 'April', 'May', 'June']
    },
    options: {
        scales: {
            x: {
                min: 'March'
            }
        }
    }
});

#内部データ形式

カテゴリスケールは内部的にラベルインデックスを使用します